import React, { Component } from 'react'
import '../assets/styles/login.less'

import Img from '../components/Img.js'
import Input from '../components/Input.js'
import Button from '../components/Button.js'

export default class Login extends Component {
    render() {
        return (
            <div className='login'>
                <div className='logo'>
                    <Img src={'logo.png'} />
                </div>
                <div className='from'>
                    <Input type={'text'} />
                    <Input type={'password'} />
                    <Button>登录</Button>
                    <p style={{ color: '#fff' }}>忘记密码咯</p>
                    <div style={{ display: 'flex', justifyContent: 'space-between' }}>
                        <Button>免费注册</Button>
                        <Button>游客登陆</Button>
                    </div>
                </div>
            </div>
        )
    }
}
